<ion-view title="预约订单">
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
    <div class="h1 title"> 预约订单</div>
  </ion-header-bar>
  <ion-content>
    <div style="margin-top: 10px;" ng-repeat="p in list">
      <div class="bg-fff">
        <div class="row w4-hot-list-top">
          <div class="w4-hot-list-top-2" style="padding: 0;min-width: 90px" ng-if="p.productType==01">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744645972simu.png"> 阳光私募
          </div>
          <div class="w4-hot-list-top-2" style="padding: 0;min-width: 90px" ng-if="p.productType==02">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744667912xt.png"> 集合信托
          </div>
          <div class="w4-hot-list-top-2" style="padding: 0;min-width: 90px" ng-if="p.productType==03">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744683204zg.png"> 集合资管
          </div>
          <div class="w4-hot-list-top-2" style="padding: 0;min-width: 90px" ng-if="p.productType==06">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744602611pevc.png"> 股权基金
          </div>
          <div class="w4-hot-list-top-2" style="padding: 0;min-width: 90px" ng-if="p.productType==07">
            <img width="15px" src="img/zq_icon.png">
            债权基金
          </div>
          <div class="w4-hot-list-top-3" ng-if="p.productType != 01">{{p.productName}}</div>
          <div class="w4-hot-list-top-3" ng-if="p.productType == 01">{{p.productName}}</div>

        </div>
        <div style="border-bottom: 1px #f0f0f0 solid;line-height: 45px;padding: 0 15px;color: #686868;" class="clearfix">
          <div class="float-left" style="color: #999">姓名</div>
          <div style="text-align: right">{{p.userName}}</div>
        </div>
        <div style="border-bottom: 1px #f0f0f0 solid;line-height: 45px;padding: 0 15px;color: #686868;" class="clearfix">
          <div class="float-left" style="color: #999">预约金额</div>
          <div style="text-align: right">{{p.reservationAmount}}万元</div>
        </div>
        <div style="border-bottom: 1px #f0f0f0 solid;line-height: 45px;padding: 0 15px;color: #686868;" class="clearfix">
          <div class="float-left" style="color: #999">预约时间</div>
          <div style="text-align: right">{{p.createDate}}</div>
        </div>
        <div style="border-bottom: 1px #f0f0f0 solid;line-height: 45px;padding: 0 15px;color: #686868;" class="clearfix">
          <div class="float-left" style="color: #999"><a href="tel:{{p.userPhone}}" style="color: #999">手机号码</a></div>
          <div style="text-align: right"><a href="tel:{{p.userPhone}}" style="padding-left:25px;color: #686868;background: url('/img/phone.png') no-repeat left 1px;background-size: 20px;">{{p.userPhone}}</a></div>
        </div>
        <!--<div class="row" style="font-size: 12px;margin-top: 10px">-->
          <!--<div class="col w4-hot-list-cen-info3">-->
            <!--<div style="margin-bottom: 5px">姓名：{{p.userName}}</div>-->
            <!--<div style="margin-bottom: 5px;background: url('/img/phone.png') no-repeat right center;background-size: 20px;"><a href="tel:{{p.userPhone}}" style="color: #686868">手机号码：{{p.userPhone}}</a></div>-->
          <!--</div>-->
          <!--<div class="col w4-hot-list-cen-info3">-->
            <!--<div style="margin-bottom: 5px">预约金额：{{p.reservationAmount}}万元</div>-->
            <!--<div style="margin-bottom: 5px">预约时间：{{p.createDate}}</div>-->
          <!--</div>-->
        <!--</div>-->
      </div>
    </div>

    <ion-infinite-scroll ng-if="pager.hasNaxtPage" on-infinite="loadMore()" distance="5%"></ion-infinite-scroll>
    <div style="margin-top: 40px; text-align: center" ng-if="list && list.length == 0">您还没有预约订单</div>
  </ion-content>
</ion-view>